<template>
  <RouterLink to="/player">
    <div>
      <card v-for="image in images" :key="image.id" :image="image" />
    </div>
  </RouterLink>
  </template>
  
  <script>
  import Card from "../components/Card.vue";
  
  export default {
    components: {
      Card,
    },
    data() {
      return {
        images: [
          
        {
            id: 6,title: "剧情", src: "https://codelover.club/coursefiles/images/film/剧情.jpeg",
          },
        {
            id: 5, title: "动画",src: "https://codelover.club/coursefiles/images/film/动画.jpeg",
          },
          {
            id: 1,title: "广告",src: "https://codelover.club/coursefiles/images/film/广告.jpeg",
          },
          {
            id: 2,title: "搞笑", src: "https://codelover.club/coursefiles/images/film/搞笑.jpeg",
          },
          {
            id: 3, title: "实验",src: "https://codelover.club/coursefiles/images/film/实验.jpeg",
          },
          {
            id: 4,title: "励志",src: "https://codelover.club/coursefiles/images/film/励志.jpeg",
          },
          {
            id: 7, title: "创意",src: "https://codelover.club/coursefiles/images/film/创意.jpeg",
          },
          {
            id: 8, title: "旅行",src: "https://codelover.club/coursefiles/images/film/旅行.jpeg",
          },
          {
            id: 9, title: "时尚", src: "https://codelover.club/coursefiles/images/film/时尚.jpeg",
          },
          {
            id: 10, title: "汽车", src: "https://codelover.club/coursefiles/images/film/汽车.jpeg", 
          },
          {
            id: 11,title: "混剪",src: "https://codelover.club/coursefiles/images/film/混剪.jpeg",
          },
          {
            id: 12,title: "游戏",src: "https://codelover.club/coursefiles/images/film/游戏.jpeg",
          },
          {
            id: 13,title: "爱情",src: "https://codelover.club/coursefiles/images/film/爱情.jpeg",
          },
          {
            id: 14,title: "生活 ",src: "https://codelover.club/coursefiles/images/film/生活.jpeg",
          },
          {
            id: 15,title: "科幻",src: "https://codelover.club/coursefiles/images/film/科幻.jpeg",
          },
          {
            id: 16,title: "记录",src: "https://codelover.club/coursefiles/images/film/纪录.jpeg",
          },
          {
            id: 17,title: "美食",src: "https://codelover.club/coursefiles/images/film/美食.jpeg",
          },
          {
            id: 18,title: "运动",src: "https://codelover.club/coursefiles/images/film/运动.jpeg",
          },
          {
            id: 19,title: "音乐",src: "https://codelover.club/coursefiles/images/film/音乐.jpeg",
          },
          {
            id: 20,title: "预告",src: "https://codelover.club/coursefiles/images/film/预告.jpeg",
          },
        ],
      };
    },
  };
  </script>